<style scoped>
  .expand-row {
    margin-bottom: 16px;
  }
</style>
<template>
  <div>
    aaa
    <template v-if="(type==='severs')">
      <Row class="expand-row">
        <Col span="8">
        <b class="expand-key">4A主账号: </b>
        <span class="expand-value">{{ row.fourA }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">账号属性: </b>
        <span class="expand-value">{{ row.accountAttr }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">设备名称: </b>
        <span class="expand-value">{{ row.sname }}</span>
        </Col>
      </Row>
      <Row class="expand-row">
        <Col span="8">
        <b class="expand-key">设备IP地址: </b>
        <span class="expand-value">{{ row.ip }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">该用户组需写权限目录: </b>
        <span class="expand-value">{{ row.wpath }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">组读和执行权限目录: </b>
        <span class="expand-value">{{ row.rxPath }}</span>
        </Col>
      </Row>
    </template>
    <template v-if="(type==='dbs')">
      <Row class="expand-row">
        <Col span="8">
        <b class="expand-key">4A主账号: </b>
        <span class="expand-value">{{ row.fourA }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">使用期限: </b>
        <span class="expand-value">{{ row.endDate }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">账号属性: </b>
        <span class="expand-value">{{ row.accountAttr }}</span>
        </Col>
      </Row>
      <Row class="expand-row">
        <Col span="8">
        <b class="expand-key">设备名称: </b>
        <span class="expand-value">{{ row.sname }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">设备IP地址: </b>
        <span class="expand-value">{{ row.ip }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">库名: </b>
        <span class="expand-value">{{ row.dbName }}</span>
        </Col>
      </Row>
      <Row class="expand-row">
        <Col span="8">
        <b class="expand-key">表名: </b>
        <span class="expand-value">{{ row.tableName }}</span>
        </Col>
        <Col span="8">
        <b class="expand-key">权限: </b>
        <span class="expand-value">{{ row.auth }}</span>
        </Col>
      </Row>
    </template>
  </div>
</template>
<script>
  export default {
    props: {
      row: Object,
      type: String
    },
    mounted: function() {
      console.log("------this.row----", this.row, this.type);
    },
  };
</script>
